<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>

	<body>
		<style type="text/css">
			>div:nth-of-type(2) {
				width: 540px;
				height: 231px;
				margin: auto;
				padding-top: 23px;
				border-top: 1px solid #f0f0f0;
				margin-top: 8px;
				>div:first-of-type {
					display: inline-block;
					width: 108px;
					height: 129px;
					position: relative;
					&:hover {
						>div {
							height: 300px;
							border: 1px solid #0DAFD2;
							border-radius: 5px;
						}
					}
					>div {
						height: 0;
						overflow: hidden;
						width: 333px;
						background: rgba(0, 0, 0, .5);
						transition: all 1s;
						position: absolute;
						>div:first-of-type {
							display: inline-block;
						}
						>div:nth-of-type(2) {
							>p {
								font-size: 12px;
								color: white;
								display: inline-block;
								text-align: justify;
							}
						}
					}
					>p {
						color: #0DAFD2;
						font-size: 13px;
					}
				}
				>div:nth-of-type(2) {
					display: inline-block;
					width: 402px;
					float: right;
					>p:first-of-type {
						font-size: 22px;
					}
					>p:last-of-type {
						font-size: 13px;
						line-height: 22px;
						letter-spacing: 1px;
						text-align: justify;
					}
				}
				>div:nth-of-type(3) {
					padding-top: 20px;
					display: inline-block;
					height: 54px;
					span {
						font-size: 13px;
						color: #bebdbd;
						&:hover {
							color: #0dafd2;
						}
					}
					>span:nth-of-type(2) {
						color: #7d7c7c;
					}
					>span:last-of-type {
						&:hover {
							>a {
								color: red;
							}
						}
						>a {
							color: #BEBDBD;
						}
					}
				}
				>div:nth-of-type(4) {
					float: right;
					padding-top: 20px;
					height: 54px;
					span {
						font-size: 13px;
						color: #bebdbd;
						&:hover {
							>a {
								color: #0dafd2;
							}
						}
						>a {
							color: #BEBDBD;
							i {
								color: #BEBDBD;
							}
						}
					}
				}
			}
		</style>
		<script type="text/javascript">
			location.href = "html/index/index_blogs.html";
		</script>
	</body>

</html>